<template>
    <div class="about">
        <div class="container">
            <div class="headTitle">
                <div class="inner">
                    <h6>About us</h6>
                    <h1>关于我们</h1>
                </div>
            </div>
            <div class="ban-about flex-grow">
                <div class="ban-info flex-item">
                    <h1>深圳市香蕉智能有限公司</h1>
                    <h2>Shenzhen Banana Intelligent Technology Co., Ltd.</h2>
                    <p>香蕉智能成立于2018年6月，专注智能仿生机器人研发。结合“创意、研究、孵化”的业务定位，开展针对生物特性的运动算法、机械结构，实际应用中的人机交互体验等技术研发，致力于发展成为世界前沿的消费级机器人公司。科技的终极目标是幸福感，我们的理想是创造出具有优越情感交互能力的高度仿生机器人，为世界带来极致有趣的产品。</p>
                    <p>香蕉智能团队全员本科、硕士以上学历， 分别毕业于香港中文大学、中科大、莫纳什等优秀学府的相关专业。</p>
                </div>
                <div class="ban-pic flex-item">
                    <img src="../images/about-pic.png" alt="">
                </div>
            </div>
        </div>
    </div>
</template>

<style lang="less" scoped>
.about{
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 80vh;
    background: url(../images/about-bg.png) no-repeat center center;
    background-size: cover;
    .container{
        color:#B3B3B3;
        min-height:80vh;
        position: relative;
        .ban-about{
            display: flex;
            width:100%;
            position: absolute;
            bottom:0;
            .ban-info{
                width:50%;
                margin-right:5%;
                margin-top:15%;
                h1{
                    font-size:34px;
                    color:#FFE500;
                    margin-bottom:20px;
                }
                h2{
                    color:#CCCCCC;
                    font-size:16px;
                    margin-bottom:35px;
                }
                p{
                    margin-bottom:35px;
                    line-height: 25px;
                    text-align: justify;
                }
            }
            .ban-pic{
                width:45%;
                overflow: hidden;
                img{
                    width:auto;
                    height:100%;
                    float:right;
                }
            }
        }
    }
}
</style>
